<div id="homeHeroUnit">
	<div class="container" style="padding-top: 80px;">
		<div id="homeCarousel" class="carousel slide" style="height: 191px;"
			data-pause="hover" data-interval="5000">
			<!-- Carousel items -->
			<div class="carousel-inner">
				<div class="item " style="margin: 0px 80px;">

					<img src="img/dota2league-Logo-middle.png" class="pull-left">
					<h1 align="right">First Dota2 League for every Skill-Level!</h1>
					<form action="/index.php?login" method="post">
						<h4 align="right">
							Login now: <input class="navbar-text" type="image"
								src="img/sits_small.png"
								name="steam_signin" id="steam_signin_carousel">
						</h4>
					</form>
				</div>
				<div class="item" style="margin: 0px 80px;">
					<img src="img/SIGLogo.png" class="pull-left" alt="SIG Logo">
					<h1 align="right">First Dota2 SIG Platform</h1>
					<h4 align="right">Single-Instant-Gaming for every Matchmode</h4>
				</div>
				<div class="item active" style="margin: 0px 80px;">
					<div class="pull-left">{include
						file="prototypes/eloAwardSingle.tpl" elo="1680"
						matchModeShortcut="AP" matchMode="All Pick" wins="55" loses="45"
						winRate="55.00" width="131px"}</div>
					<div class="pull-left" style="margin-left: 40px">{include
						file="prototypes/eloAwardSingle.tpl" elo="1273"
						matchModeShortcut="CM" matchMode="Captains Mode" wins="25"
						loses="23" winRate="52.09" width="131px"}</div>
					<div class="pull-left" style="margin-left: 40px">{include
						file="prototypes/eloAwardSingle.tpl" elo="1044"
						matchModeShortcut="SD" matchMode="Single Draft" wins="30"
						loses="43" winRate="48.09" width="131px"}</div>
					<h1 align="right">Elo-Ratings For All Matchmodes</h1>
					<h4 align="right">In each Matchmode a seperated Elo, also a
						general Elo</h4>
				</div>
				<div class="item" style="margin: 0px 80px;">
					<img src="img/matchmakingSystem.png" class="pull-left"
						alt="Fast and Transparent Matchmaking-System">
					<h1 align="right">Fast And Transparenty<br>Matchmaking-System</h1>

				</div>
				<div class="item" style="margin: 0px 80px;">
					<form action="{$smarty.server.PHP_SELF}?login" method="post">
						<input class="navbar-text pull-left" type="image"
							src="img/sits_large_noborder.png" name="steam_signin"
							id="steam_signin_carousel">
					</form>

					<h1 align="right">No Registration Required<br>Full Steam
						Integration</h1>
					<h4 align="right">No Logindata will be stored, everything is
						based on your Steam-Account</h4>
				</div>
			</div>
			<!-- Carousel nav -->
			<a class="carousel-control left" href="#homeCarousel"
				data-slide="prev">&lsaquo;</a> <a
				class="carousel-control right" href="#homeCarousel"
				data-slide="next">&rsaquo;</a>
		</div>
	</div>
</div>
<div id="homeStatsBar">{include file="prototypes/statusBar.tpl"
	matchesCount=$matchesCount userCount=$userCount
	inQueueCount=$inQueueCount}</div>
<div
	style="background-image: url(img/backgroud_index.png); background-repeat: repeat-x; height: 614px; background-position: center top; margin: 10px 0 0 0;" align="center">
	<div align="center" style="background-color: white; border-radius:5px; border:2px solid #eee; width:400px; top:170px; position:relative;padding: 10px 40px;">
		<h1>Dota2 League</h1>
		<p class="lead">Join the first Elo-based Dota2-League for free
			now!</p>
		<form action="{$smarty.server.PHP_SELF}?login" method="post">
			<input class="navbar-text" type="image"
				src="img/sits_large_noborder.png" name="steam_signin"
				id="steam_signin_carousel">
		</form>
	</div>
</div>

